@font-face {
    font-family: 'Arial';
    src: url(../jscss/Arial.ttf);
}

*{padding: 0;margin: 0;box-sizing: border-box;}
body{font:normal normal 0.32rem/1 sans-serif;color: #222;background: #f8f8f8;}
textarea,input{font:normal normal 0.28rem/1.5 sans-serif;}
img{display:block;border: none;}
.clear:after {content:"";display: block;clear:both;}
input[type=button], input[type=submit], input[type=file], input[type=reset], button { cursor: pointer; -webkit-appearance: none;}
body,p,ol,ul,h1,h2,h3,h4,h5,h6{margin: 0;padding:0;list-style: none;font:normal normal 0.28rem/1.5 sans-serif;font-family: 'Arial';}
button{font:normal normal 0.28rem/1.5 sans-serif;}
a{color:inherit;text-decoration: none;}
.i100{overflow:hidden;}
.i100>img{width: 100%;}
.i200{overflow: hidden;}
.i200>img{height: 100%;}
.i300{overflow: hidden;}
.i300>img{width: 100%;height: 100%;}
a>img{width: 100%;}
.to1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.a1{position: relative;}
.a1>a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;}
input{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}
select{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}
button{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}
.to2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.to3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}
.to4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;white-space: normal;}
.to5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;white-space: normal;}
.to6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;white-space: normal;}
.to7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;white-space: normal;}
.to8{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;white-space: normal;}
.to9{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;white-space: normal;}
.to10{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;white-space: normal;}
textarea{border: 0;display: block;outline: none;background: none;box-sizing: border-box;resize: none;}

@media only screen and (min-width: 1024px) {
    .dh{width: 100%;height: 90px;border-bottom: 1px solid rgba(125, 125, 125, 0.3);position: fixed;left: 0;top: 0;z-index: 999;}
    .dh1{height: 42px;position: absolute;left: 80px;top: calc(50% - 42px/2);}
    .dh1>img:nth-child(1){display: block;}
    .dh1>img:nth-child(2){display: none;}
    .dh2{font-size: 16px;line-height: 16px;color: #fff;position: absolute;right: 80px;top: calc(50% - 16px/2);}
    .dh3{width: 17px;height: 17px;position: absolute;right: 190px;top: calc(50% - 17px/2);}
    .dh4{position: absolute;right: 290px;top: 0;}
    .dh41{font-size: 16px;line-height: 90px;color: #fff;position: relative;padding: 0 5px;float: left;margin-right: 88px;}
    .dh4>.dh41:last-child{margin-right: 0;}
    .dh41>div:nth-child(1){width: 0;height: 1px;background: #ff501b;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;transition: 0.5s;}
    .dh41.on >div:nth-child(1){width: 100%;}
    .dh41:hover >div:nth-child(1){width: 100%;transition: 0.5s;}
    .dh.on {background: #fff;}
    .dh.on .dh1>img:nth-child(1){display: none;}
    .dh.on .dh1>img:nth-child(2){display: block;}
    .dh.on .dh2{color: #999999;}
    .dh.on .dh41{color: #333333;}
    .dh5{width: 100%;position: fixed;left: 0;top: 90px;background: #fff;padding: 50px 0;display: none;}
    .dh6{width: 1600px;margin: 0 auto;display: flex;justify-content: space-between;}
    .dh62{font-size: 20px;line-height: 20px;font-weight: bold;color: #000000;}
    .dh63{position: relative;font-size: 16px;line-height: 16px;color: #666666;margin-top: 45px;transition: 0.5s;}
    .dh63>div:nth-child(1){width: 10px;height: 1px;background: #ff501b;position: absolute;right: calc(100% + 8px);top: calc(50% - 1px/2);opacity: 0;transition: 0.5s;}
    .dh63:hover >div:nth-child(1){opacity: 1;transition: 0.5s;}
    .dh63:hover{color: #ff501b;transition: 0.5s;}

    .ind1{width: 100%;padding-bottom: calc(100%*925/1920);position: relative;}
    .ind1-swi{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
    .ind1-a{width: 100%;height: 100%;}
    .ind1-prev{width: 40px;height: 80px;position: absolute;left: 40px;top: calc(50% - 80px/2);margin-top: 0 !important;background: rgba(255, 255, 255, 0.2);}
    .ind1-next{width: 40px;height: 80px;position: absolute;right: 40px;top: calc(50% - 80px/2);margin-top: 0 !important;background: rgba(255, 255, 255, 0.2);}
    .ind1-prev img,.ind1-next img{width: 10px;height: 20px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    .swiper-button-prev:after,.swiper-button-next:after{content: none;}
    .ind2{width: 100%;}
    .ind2-a{width: calc(50% - 15px);height: calc(100%*550/1920);position: relative;float: left;margin-right: 30px;margin-top: 30px;}
    .ind2>.ind2-a:nth-child(2n){margin-right: 0;}
    .ind2-a1{width: 100%;position: absolute;left: 0;top: 70px;font-size: 46px;line-height: 46px;font-weight: bold;text-shadow: 0 0 10px rgba(0, 0, 0, 0.43);color: #fff;text-transform: uppercase;text-align: center;}
    .ind2-a2{width: 120px;height: 36px;border: 1px solid #fff;text-align: center;line-height: 36px;font-size: 14px;color: #fff;text-transform: uppercase;cursor: pointer;text-align: center;border-radius: 50px;position: absolute;left: calc(50% - 120px/2);top: 135px;}
    .ind2-a2:hover {animation: jittery 4s infinite;}
    @keyframes jittery {
        5%,
        50% {
          transform: scale(1);
        }
        10% {
          transform: scale(0.9);
        }
        15% {
          transform: scale(1.15);
        }
        20% {
          transform: scale(1.15) rotate(-5deg);
        }
        25% {
          transform: scale(1.15) rotate(5deg);
        }
        30% {
          transform: scale(1.15) rotate(-3deg);
        }
        35% {
          transform: scale(1.15) rotate(2deg);
        }
        40% {
          transform: scale(1.15) rotate(0);
        }
    }
    .ind3{width: 100%;margin-top: 80px;height: 0;padding-bottom: calc(100%*925/1920);position: relative;}
    .ind3 video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
    .ind4{width: 100%;height: 0;padding-bottom: calc(100%*730/1920);position: relative;margin-top: 80px;}
    .ind4 .ind4-swi{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
    .ind4-a{width: 100%;height: 100%;position: relative;}
    .ind4-prev{width: 40px;height: 80px;position: absolute;left: calc(50% - (100%/1.45)/2 + 40px);top: calc(50% - 80px/2);margin-top: 0 !important;background: rgba(255, 255, 255, 0.2);}
    .ind4-next{width: 40px;height: 80px;position: absolute;right: calc(50% - (100%/1.45)/2 + 40px);top: calc(50% - 80px/2);margin-top: 0 !important;background: rgba(255, 255, 255, 0.2);}
    .ind4-prev img,.ind1-next img{width: 10px;height: 20px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    .ind4-a1{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding-top: 85px;}
    .ind4-a1 > div:nth-child(1){font-size: 60px;line-height: 60px;color: #fff;font-weight: bold;text-transform: uppercase;text-align: center;}
    .ind4-a1 > div:nth-child(2){width: 100px;height: 1px;background: #fff;margin: 0 auto;margin-top: 35px;}
    .ind4-a1 > div:nth-child(3){font-size: 26px;line-height: 26px;color: #fff;text-align: center;margin-top: 35px;}
    .ind5{width: 100%;background: #f7f9fa;padding: 160px 80px;margin-top: 80px;}
    .ind5-a{width: 25%;position: relative;float: left;}
    .ind5-a1{height: 64px;width: max-content;margin: 0 auto;}
    .ind5-a2{font-size: 26px;line-height: 26px;color: #222222;text-align: center;margin-top: 50px;}
    .ind5-a3{width: 140px;height: 40px;border: 1px solid #e5e5e5;cursor: pointer;border-radius: 50px;font-size: 16px;color: #777777;margin: 0 auto;margin-top: 30px;display: flex;align-items: center;justify-content: center;}
    .ind5-a3>div:nth-child(2){width: 4px;height: 8px;margin-left: 5px;}
    .ind5-a3:hover {animation: jittery 4s infinite;}
    .ind5-a4{width: 1px;height: 80px;background: #e5e5e5;position: absolute;right: 0;top: calc(50% - 80px/2);}
    .ind5>.ind5-a:last-child .ind5-a4{display: none;}
    .ind6{width: 100%;background: #000000;display: flex;justify-content: space-between;padding: 35px 80px 60px;}
    .ind6-a{width: 35%;}
    .ind6-a1{height: 42px;}
    .ind6-a2{font-size: 22px;line-height: 1.5;margin-top: 20px;color: rgba(255, 255, 255, 0.7);}
    .ind6-a3{margin-top: 60px;}
    .ind6-a31{width: 100%;display: flex;align-items: center;margin-bottom: 20px;}
    .ind6-a31>div:nth-child(1){width: 28px;margin-right: 15px;}
    .ind6-a31>div:nth-child(2){width: calc(100% - 28px - 15px);font-size: 18px;line-height: 28px;color: rgba(255, 255, 255, 0.7);}
    .ind6-b{width: 60%;display: flex;justify-content: space-between;padding-top: 10px;}
    .ind6-b2{display: flex;align-items: center;}
    .ind6-b2>div:nth-child(1){font-size: 16px;line-height: 16px;color: #fff;font-weight: bold;text-transform: uppercase;}
    .ind6-b2>div:nth-child(2){width: 15px;height: 9px;margin-left: 15px;}
    .ind6-b3{margin-top: 50px;}
    .ind6-b3>div{font-size: 16px;line-height: 16px;color: rgba(255, 255, 255, 0.7);margin-bottom: 30px;}
    .ind6-b3>div:last-child{margin-bottom: 0;}
    .bto{width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 0 80px;height: 80px;display: flex;justify-content: space-between;background: #000;}
    .bto-a{display: flex;align-items: center;}
    .bto-a>div{width: 36px;height: 36px;margin-right: 20px;}
    .bto-b{font-size: 16px;line-height: 80px;color: rgba(255, 255, 255, 0.45);}
    .left{position: fixed;right: 30px;bottom: 300px;z-index: 99;}
    .left-a{width: 76px;height: 76px;border-radius: 50%;margin-bottom: 20px;}


    .head{width: 100%;height: 500px;position: relative;overflow: hidden;margin-top: 90px;}
    .head>img{width: 1920px;height: 500px;position: absolute;left: calc(50% - 1920px/2);top: 0;}
    .head-a{width: 1600px;height: 100%;position: absolute;left: calc(50% - 1600px/2);top: 0;display: flex;flex-direction: column;justify-content: center;}
    .head-a>div:nth-child(1){font-size: 46px;line-height: 46px;color: #fff;font-weight: bold;}
    .head-a>div:nth-child(2){width: 80px;height: 1px;background: #fff;margin-top:35px;}
    .head-a>div:nth-child(3){font-size: 18px;line-height: 30px;color: #fff;margin-top: 30px;width: 50%;}
    .head-b{width: 640px;height: 60px;position: absolute;left: 0;bottom: 0;background: url(../img/a36.png) no-repeat 100% 100%;}
    .head-c{font-size: 16px;line-height: 60px;position: absolute;left: calc(50% - 1600px/2);bottom: 0;color: #cacaca;}

    .content{width: 1600px;margin: 0 auto;margin-top: 50px;}
    .After-sales{width: 100%;}
    .After-sales .detail-title{padding: 90px 0 70px;border-bottom: 1px solid #eeeeee;}
    .After-sales .detail-content{width: 1600px;margin: 0 auto;margin-top: 60px;}
    .pro1{width: 320px;background: #fff;float: left;padding: 50px 40px;}
    .pro1-a{width: 100%;height: 40px;border: 1px solid #bfbfbf;position: relative;border-radius: 50px;}
    .pro1-ai{width: 17px;height: 17px;position: absolute;left: 28px;top: calc(50% - 17px/2);}
    .pro1-ap{width: calc(100% - 60px);height: 100%;position: absolute;right: 0;top: 0;}
    .pro1-ap>input{width: 100%;height: 100%;font-size: 16px;}
    .pro1-b{margin-top: 45px;}
    .pro1-b1{display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
    .pro1-b1>div:nth-child(1){font-size: 18px;line-height: 18px;font-weight: bold;}
    .pro1-b1>div:nth-child(2){width: 14px;height: 8px;transition: 0.5s;}
    .pro1-b1.on >div:nth-child(2){transform: rotate(180deg);transition: 0.5s;}
    .pro1-b2{display: none;}
    .pro1-b2>div{font-size: 18px;line-height: 18px;color: #666666;margin-top: 45px;}
    .pro1-b2>div.on {color: #ff501b;}
    .pro2{width: calc(100% - 25px - 320px);float: right;}
    .pro2-a{width: calc((100% - 25px*2)/3);float: left;background: #fff;margin-bottom: 25px;margin-right: 25px;padding-bottom: 35px;transition: 0.5s;}
    .pro2-a:hover {box-shadow: 0 0 32px rgba(203, 203, 203, 0.3);transition: 0.5s;}
    .pro2>.pro2-a:nth-child(3n){margin-right: 0;}
    .pro2-a1{width: 100%;height: 355px;position: relative;}
    .pro2-a1>img{max-width: 100%;max-height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
    .pro2-a2{font-size: 24px;line-height: 24px;font-weight: bold;padding: 0 50px;transition: 0.5s;}
    .pro2-a3{font-size: 16px;line-height: 16px;color: #999999;margin-top: 25px;padding: 0 50px;transition: 0.5s;}
    .pro2-a:hover .pro2-a2{color: #ff501b;transition: 0.5s;}
    .pro2-a:hover .pro2-a3{color: #ff501b;transition: 0.5s;}
    .solu{width: calc((100% - 20px*2)/3);height: 360px;float: left;margin-right: 20px;position: relative;margin-bottom: 20px;}
    .content>.solu:nth-child(3n){margin-right: 0;}
    .solu-b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.4));}
    .solu-b>div{width: 100%;font-size: 20px;line-height: 60px;color: #fff;text-align: center;position: absolute;left: 0;bottom: 0;}

    .detail-title{font-size: 50px;line-height: 50px;font-weight: bold;text-align: center;}
    .detail-content{font-size: 18px;line-height: 48px;color: #666666;margin-top: 100px;padding-bottom: 50px;}
    .detail-content img{max-width: 100%;}

    .Tech{width: 1600px;background: #fff;margin: 100px auto;padding: 55px 0;}
    .Tech-a{width: 1100px;margin: 0 auto;}
    .Tech-max{width: 50%;position: relative;padding: 80px 0;float: left;position: relative;}
    .Tech-max>div:nth-child(1){width: max-content;margin: 0 auto;height: 65px;}
    .Tech-max>div:nth-child(2){color: #222222;font-size: 26px;text-align: center;margin-top: 50px;}
    .Tech-max>div:nth-child(3){margin-top: 35px;}
    .Tech-max>div:nth-child(4){width: 100%;height: 1px;background: linear-gradient(to right,rgba(238,238,238,0),rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,1));position: absolute;bottom: 0;left: 0;}
    .Tech-max:nth-child(2)>div:nth-child(4){width: 1px;height: 100%;background: linear-gradient(to bottom,rgba(238,238,238,0),rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,1));}
    .Tech-max:nth-child(3)>div:nth-child(4){width: 1px;height: 100%;left: auto; right: -1px;background: linear-gradient(to bottom,rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,0));}
    .Tech-max:nth-child(4)>div:nth-child(4){width: 100%;height: 1px;bottom: auto;top: -1px;background: linear-gradient(to right,rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,0));}

    .ab-t{width: 100%;position: relative;}
    .ab-t1{font-size: 172px;line-height: 172px;color: #cccccc;font-weight: bold;position: absolute;left: 0;top: 30px;opacity: 0.12;}
    .ab-t2{width: 1600px;margin: 0 auto;border-bottom: 1px solid #e5e5e5;text-align: center;font-size: 45px;font-weight: bold;line-height: 45px;padding: 115px 0 50px;text-transform: uppercase;}
    .ab-content{width: 1600px;margin: 0 auto;padding-bottom: 100px;}
    .ab-desc{font-size: 22px;line-height: 22px;padding: 50px 0;text-align: center;}
    .ab-text{font-size: 18px;line-height: 48px;color: #666666;}
    .ab-con{width: 100%;margin-top: 55px;position: relative;}
    .ab-cons{position: absolute;left: 40px;top:50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.8);padding: 85px 35px;display: flex;justify-content: space-between;align-items: center;}
    .ab-cons1{width: max-content;font-size: 50px;line-height: 90px;position: relative;}
    .ab-cons1>span{font-size: 18px;line-height: 18px;text-transform: uppercase;position: absolute;left: 100%;top: 0;}
    .ab-cons2{font-size: 18px;line-height: 18px;text-transform: uppercase;}
    .ab-line{width: 38px;margin: 0 55px;}
    .ab-us{width: 100%;background: #fff;padding: 110px 0;}
    .ab-us1{width: 1600px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
    .ab-us2{width: calc(100% - 1000px - 45px);}
    .ab-us21{width: max-content;font-size: 45px;line-height: 45px;text-transform:uppercase;font-weight: bold;padding-bottom: 50px;border-bottom: 1px solid #d2d2d2;}
    .ab-us22{margin-top: 70px;display: flex;}
    .ab-us22>div:nth-child(1){width: 60px;height: 60px;margin-right: 15px;}
    .ab-us22>div:nth-child(2){width: calc(100% - 60px - 15px);font-size: 28px;line-height: 34px;}
    .ab-us3{width: 1000px;height: 550px;}
    .ab-us3>#map{width: 100%;height: 100%;}
    .ab3{padding-bottom: 75px;}
    .ab3-a{width: 105px;height: 105px;margin: 0 auto;margin-top: 60px;}
    .ab3-b{font-size: 26px;line-height: 26px;text-align: center;margin-top: 35px;}
    .pro-max{background: #fff;padding-top: 50px;}
    .pro-text{width: 1600px;margin: 0 auto;}
    .pro-text-t{font-size: 50px;line-height: 50px;font-weight: bold;text-align: center;}
    .pro-text-i{width: 100%;margin-top: 50px;}
    .pro-con{width: 100%;padding: 100px 0;}
    .pro-con1{width: 1600px;margin: 0 auto;margin-top: 80px;}
    .pro-con2{width: 100%;height: 120px;background: #fff;margin-bottom: 20px;padding: 0 35px;position: relative;display: flex;align-items: center;}
    .pro-con1>.pro-con2:last-child{margin-bottom: 0;}
    .pro-con2>div:nth-child(1){width: 10px;height: 30px;background: #ff501b;margin-right: 30px;}
    .pro-con2>div:nth-child(2){font-size: 26px;line-height: 26px;}
    .pro-con2>div:nth-child(3){width: 24px;height: 34px;position: absolute;right: 70px;top: calc(50% - 34px/2);}


    .off{width: 1600px;margin: 95px auto 130px;background: #fff;padding: 110px 100px 90px;}
    .off1{width: 100%;display: flex;justify-content: space-between;}
    .off2{width: 33%;padding: 0 20px;}
    .off2>div:nth-child(1){width: 60px;height: 60px;margin: 0 auto;}
    .off2>div:nth-child(2){font-size: 24px;line-height: 24px;text-align: center;text-transform: uppercase;text-align: center;margin-top: 30px;}
    .off2>div:nth-child(3){font-size: 24px;line-height: 36px;margin-top: 20px;text-align: center;}
    .off1-line{width: 1px;height: 80px;background: #bfbfbf;margin-top: 25px;}
    .off3{width: 100%;height: 520px;margin-top: 110px;}
    .off3>#map{width: 100%;height: 100%;}
    .app-con{width: 1600px;margin: 0 auto;margin-top: 65px;background: #fff;padding: 50px 50px 90px;}
    .app1{display: flex;align-items: center;}
    .app1>div:nth-child(1){width: 99px;height: 87px;margin-right: 35px;}
    .app1>div:nth-child(2){font-size: 36px;line-height: 36px;font-weight: bold;}
    .app2{font-size: 20px;line-height: 48px;color: #444444;margin-top: 25px;}
    .app3{display: flex;align-items: center;margin-top: 70px;}
    .app3>div:nth-child(1){width: 200px;height: 200px;margin-right: 50px;}
    .app3>div:nth-child(2),.app3>div:nth-child(3){width: 400px;height: 80px;border-radius: 50px;margin-right: 50px;border: 1px solid #ff501b;display: flex;align-items: center;justify-content: center;}
    .app3>div:nth-child(2)>div:nth-child(1){width: 38px;margin-right: 25px;}
    .app3>div:nth-child(2)>div:nth-child(2),.app3>div:nth-child(3)>div:nth-child(2){font-size: 24px;line-height: 24px;color: #444444;}
    .app3>div:nth-child(3)>div:nth-child(1){width: 32px;margin-right: 25px;}
    .app-mb{margin-bottom: 120px;}
    .pm{width: calc(100% - 25px - 320px);background: #fff;padding: 0 50px 80px;float: right;}
    .pm1{font-size: 30px;line-height: 140px;border-bottom: 1px solid #eeeeee;}
    .pm2 .pro-con2{background: #f8f8f8;height: 100px;margin-bottom: 0;margin-top: 35px;}
    .proC{width: 1600px;margin: 0 auto;margin-top: 40px;padding: 0 0 115px 0;}
    .proC .pro-con2{margin-bottom: 35px;}
    .proC .pro-con2:last-child{margin-bottom: 0;}

    .dh-a{width: 100%;height: 100%;transition: 0.6s;}
    .searchBox{position: absolute;left: 50%;display: flex;justify-content: space-between;align-items: center;-webkit-transform: translate(-50%);transform: translate(-50%);z-index: 30;width: 640px;height: 60px;max-width: 100%;-webkit-transition: .6s;transition: .6s;top: -60px;opacity: 0;}
    .searchBox>input{width: calc(100% - 50px);height: 100%;}
    .searchBox>img{width: 20px;height: 20px;}
    .searchBox.on {opacity: 1;top: 15px;transition: 0.5s;}
    .dh-a.hide{opacity: 0;-webkit-transform: translate(0, -60px);transform: translate(0, -60px);transition: 0.5s;}
    .searchBox-back{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top: 0;z-index: 99;display: none;}
    .nav{display: none;}
    .openMenu{display: none;}
}

/* 手机端 */
@media only screen and (max-width: 1023px) {

  .openMenu{width: 0.32rem;height: 0.32rem;right: 0.3rem;top:50%;transform: translateY(-50%);position: absolute;cursor: pointer;}
  .openMenu i{position: absolute;top: 50%;margin-top: -1px;width: 90%;height: 2px;background: #999;right: 0;}
  
  .openMenu i:after, .openMenu i:before {content: "";position: absolute;left: 0;width: 100%;height: 100%;background: #999;-webkit-transition: .4s;transition: .4s;}
  .openMenu i:before{top:-0.1rem;}
  .openMenu i:after{top: 0.1rem;}
  .openMenu.cur i{background: none;}
  .openMenu.cur i:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 0;}
  .openMenu.cur i:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 0;}
  .nav{width: 100%;height: 100%;position: fixed;left: 0;top: 0.9rem;background: #fff;z-index: 99;padding: 0.3rem;overflow: hidden;overflow-y: auto;display: none;}
  .sub{display: flex;justify-content: space-between;align-items: center;}
  .sub>div:nth-child(1){font-size: 0.28rem;line-height: 0.8rem;}
  .sub>div:nth-child(2){font-size: 0.28rem;line-height: 0.28rem;}
  .child{width: 100%;padding: 0 0.3rem;display: none;}
  .child-t{font-size: 0.26rem;line-height: 0.5rem;font-weight: bold;}
  .child-a{font-size: 0.24rem;line-height: 0.5rem;color: #666;}
  .hasChild.on .sub>div:nth-child(1){color: #ff6600;}

  .dh-a{width: 100%;height: 100%;transition: 0.6s;}
  .searchBox{position: absolute;left: 50%;display: flex;justify-content: space-between;align-items: center;-webkit-transform: translate(-50%);transform: translate(-50%);z-index: 30;width: 6.4rem;height:0.6rem;max-width: 100%;-webkit-transition: .6s;transition: .6s;top: -60px;opacity: 0;}
  .searchBox>input{width: calc(100% - 50px);height: 100%;}
  .searchBox>img{width: 0.34rem;height: 0.34rem;}
  .searchBox.on {opacity: 1;top: 0.15rem;transition: 0.5s;}
  .dh-a.hide{opacity: 0;-webkit-transform: translate(0, -60px);transform: translate(0, -60px);transition: 0.5s;}
  .searchBox-back{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top: 0;z-index: 99;display: none;}

  .dh{width: 100%;height: 0.9rem;border-bottom: 1px solid rgba(125, 125, 125, 0.3);position: fixed;left: 0;top: 0;z-index: 999;}
  .dh1{height: 0.42rem;position: absolute;left: 0.3rem;top: calc(50% - 0.42rem/2);}
  .dh1>img:nth-child(1){display: block;}
  .dh1>img:nth-child(2){display: none;}
  .dh2{font-size: 0.26rem;line-height: 0.26rem;color: #fff;position: absolute;right: 0.8rem;top: calc(50% - 0.26rem/2);}
  .dh3{width: 0.34rem;height: 0.34rem;position: absolute;right: 2rem;top: calc(50% - 0.34rem/2);}
  .dh4{display: none;}
  .dh.on {background: #fff;}
  .dh.on .dh1>img:nth-child(1){display: none;}
  .dh.on .dh1>img:nth-child(2){display: block;}
  .dh.on .dh2{color: #999999;}

  .ind1{width: 100%;padding-bottom: calc(100%*925/1920);position: relative;}
  .ind1-swi{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
  .ind1-a{width: 100%;height: 100%;}
  .ind1-prev{width: 0.4rem;height: 0.8rem;position: absolute;left: 0.4rem;top: calc(50% - 0.8rem/2);margin-top: 0 !important;background: rgba(255, 255, 255, 0.2);}
  .ind1-next{width: 0.4rem;height: 0.8rem;position: absolute;right: 0.4rem;top: calc(50% - 0.8rem/2);margin-top: 0 !important;background: rgba(255, 255, 255, 0.2);}
  .ind1-prev img,.ind1-next img{width: 0.1rem;height: 0.2rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
  .swiper-button-prev:after,.swiper-button-next:after{content: none;}
  .ind2{width: 100%;}
  .ind2-a{width: calc(50% - 0.15rem);height: calc(100%*550/1920);position: relative;float: left;margin-right: 0.3rem;margin-top: 0.3rem;}
  .ind2>.ind2-a:nth-child(2n){margin-right: 0;}
  .ind2-a1{width: 100%;position: absolute;left: 0;top: 0.45rem;font-size: 0.36rem;line-height: 0.46rem;font-weight: bold;text-shadow: 0 0 10px rgba(0, 0, 0, 0.43);color: #fff;text-transform: uppercase;text-align: center;}
  .ind2-a2{width: 1.8rem;height: 0.46rem;border: 1px solid #fff;text-align: center;line-height: 0.46rem;font-size: 0.24rem;color: #fff;text-transform: uppercase;cursor: pointer;text-align: center;border-radius: 0.5rem;position: absolute;left: calc(50% - 1.8rem/2);top: 1.4rem;}

  .ind3{width: 100%;margin-top: 0.8rem;height: 0;padding-bottom: calc(100%*925/1920);position: relative;}
  .ind3 video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
  .ind4{width: 100%;height: 0;padding-bottom: calc(100%*730/1920);position: relative;margin-top: 0.8rem;}
  .ind4 .ind4-swi{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
  .ind4-a{width: 100%;height: 100%;position: relative;}
  .ind4-prev{width: 0.4rem;height: 0.8rem;position: absolute;left: calc(50% - (100%/1.45)/2 + 0.4rem);top: calc(50% - 0.8rem/2);margin-top: 0 !important;background: rgba(255, 255, 255, 0.2);}
  .ind4-next{width: 0.4rem;height: 0.8rem;position: absolute;right: calc(50% - (100%/1.45)/2 + 0.4rem);top: calc(50% - 0.8rem/2);margin-top: 0 !important;background: rgba(255, 255, 255, 0.2);}
  .ind4-prev img,.ind1-next img{width: 0.1rem;height: 0.2rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
  .ind4-a1{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding-top: 0.85rem;}
  .ind4-a1 > div:nth-child(1){font-size: 0.6rem;line-height: 0.6rem;color: #fff;font-weight: bold;text-transform: uppercase;text-align: center;}
  .ind4-a1 > div:nth-child(2){width: 100px;height: 0.02rem;background: #fff;margin: 0 auto;margin-top: 0.35rem;}
  .ind4-a1 > div:nth-child(3){font-size: 0.26rem;line-height: 0.26rem;color: #fff;text-align: center;margin-top: 0.35rem;}
  .ind5{width: 100%;background: #f7f9fa;padding: 1.6rem 0.3rem;}
  .ind5-a{width: 50%;position: relative;float: left;margin-top: 0.4rem;}
  .ind5-a1{height: 0.65rem;width: max-content;margin: 0 auto;}
  .ind5-a2{font-size: 0.32rem;line-height: 0.32rem;color: #222222;text-align: center;margin-top: 0.4rem;}
  .ind5-a3{width: 1.8rem;height: 0.5rem;border: 0.01rem solid #e5e5e5;cursor: pointer;border-radius: 0.5rem;font-size: 0.26rem;color: #777777;margin: 0 auto;margin-top: 0.3rem;display: flex;align-items: center;justify-content: center;}
  .ind5-a3>div:nth-child(2){width: 0.04rem;height: 0.08rem;margin-left: 0.05rem;}
  .ind5-a4{width: 0.01rem;height: 0.8rem;background: #e5e5e5;position: absolute;right: 0;top: calc(50% - 0.8rem/2);}
  .ind5>.ind5-a:nth-child(2n) .ind5-a4{display: none;}
  .ind6{width: 100%;background: #000000;padding: 0.35rem 0.3rem 0.6rem;}
  .ind6-a{width: 100%;}
  .ind6-a1{height: 0.42rem;}
  .ind6-a2{font-size: 0.28rem;line-height: 1.5;margin-top: 0.2rem;color: rgba(255, 255, 255, 0.7);}
  .ind6-a3{margin-top: 0.6rem;}
  .ind6-a31{width: 100%;display: flex;align-items: center;margin-bottom: 0.2rem;}
  .ind6-a31>div:nth-child(1){width: 0.4rem;margin-right: 0.15rem;}
  .ind6-a31>div:nth-child(2){width: calc(100% - 0.4rem - 0.15rem);font-size: 0.26rem;line-height: 0.4rem;color: rgba(255, 255, 255, 0.7);}
  .ind6-b{display: none;}
  .bto{width: 100%;border-top: 0.01rem solid rgba(255, 255, 255, 0.1);padding: 0.3rem;background: #000;}
  .bto-a{display: flex;align-items: center;justify-content: center;}
  .bto-a>div{width: 0.5rem;height: 0.5rem;margin-right: 0.2rem;}
  .bto-b{font-size: 0.26rem;line-height: 0.4rem;text-align: center;margin-top: 0.2rem;color: rgba(255, 255, 255, 0.45);}
  .left{position: fixed;right: 0.3rem;bottom: 3rem;z-index: 99;}
  .left-a{width: 0.76rem;height: 0.76rem;border-radius: 50%;margin-bottom: 0.2rem;}


  .head{width: 100%;height: 5rem;position: relative;overflow: hidden;margin-top: 0.9rem;}
  .head>img{width: 19.2rem;height: 5rem;position: absolute;left: calc(50% - 19.2rem/2);top: 0;}
  .head-a{width: calc(100% - 0.3rem*2);height: 100%;position: absolute;left: 0.3rem;top: 0;display: flex;flex-direction: column;justify-content: center;}
  .head-a>div:nth-child(1){font-size: 0.46rem;line-height: 0.46rem;color: #fff;font-weight: bold;}
  .head-a>div:nth-child(2){width: 0.8rem;height: 0.01rem;background: #fff;margin-top:0.35rem;}
  .head-a>div:nth-child(3){font-size: 0.26rem;line-height: 0.36rem;color: #fff;margin-top: 0.3rem;}
  .head-b{width: 100%;height: 0.6rem;position: absolute;left: 0;bottom: 0;background: url(../img/a36.png) no-repeat;background-size: 100% 100%;}
  .head-c{font-size: 0.26rem;line-height: 0.6rem;position: absolute;left: 0.3rem;bottom: 0;color: #cacaca;}

  .content{width: calc(100% - 0.3rem);margin: 0 auto;margin-top: 0.5rem;}
  .After-sales{width: 100%;}
  .After-sales .detail-title{padding: 0.5rem 0;border-bottom: 0.01rem solid #eeeeee;}
  .After-sales .detail-content{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.6rem;}
  .pro1{width: 100%;background: #fff;padding: 0.5rem 0.4rem;}
  .pro1-a{width: 100%;height: 0.6rem;border: 0.01rem solid #bfbfbf;position: relative;border-radius: 0.5rem;}
  .pro1-ai{width: 0.3rem;height: 0.3rem;position: absolute;left: 0.28rem;top: calc(50% - 0.3rem/2);}
  .pro1-ap{width: calc(100% - 0.8rem);height: 100%;position: absolute;right: 0;top: 0;}
  .pro1-ap>input{width: 100%;height: 100%;font-size: 0.26rem;}
  .pro1-b{margin-top: 0.45rem;}
  .pro1-b1{display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
  .pro1-b1>div:nth-child(1){font-size: 0.28rem;line-height: 0.28rem;font-weight: bold;}
  .pro1-b1>div:nth-child(2){width: 0.2rem;height: 0.12rem;transition: 0.5s;}
  .pro1-b1.on >div:nth-child(2){transform: rotate(180deg);transition: 0.5s;}
  .pro1-b2{display: none;}
  .pro1-b2>div{font-size: 0.28rem;line-height: 0.28rem;color: #666666;margin-top: 0.45rem;}
  .pro1-b2>div.on {color: #ff501b;}
  .pro2{width: 100%;margin-top: 0.3rem;}
  .pro2-a{width: calc((100% - 0.25rem)/2);float: left;background: #fff;margin-bottom: 0.25rem;margin-right: 0.25rem;padding-bottom: 0.35rem;transition: 0.5s;}
  .pro2-a:hover {box-shadow: 0 0 32px rgba(203, 203, 203, 0.3);transition: 0.5s;}
  .pro2>.pro2-a:nth-child(2n){margin-right: 0;}
  .pro2-a1{width: 100%;height: 355px;position: relative;}
  .pro2-a1>img{max-width: 100%;max-height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
  .pro2-a2{font-size: 0.28rem;line-height: 0.28rem;font-weight: bold;padding: 0 0.3rem;transition: 0.5s;}
  .pro2-a3{font-size: 0.26rem;line-height: 0.26rem;color: #999999;margin-top: 0.25rem;padding: 0 0.3rem;transition: 0.5s;}
  .pro2-a:hover .pro2-a2{color: #ff501b;transition: 0.5s;}
  .pro2-a:hover .pro2-a3{color: #ff501b;transition: 0.5s;}
  .solu{width: calc((100% - 0.2rem)/2);height: 2.4rem;float: left;margin-right: 0.2rem;position: relative;margin-bottom: 0.2rem;}
  .content>.solu:nth-child(2n){margin-right: 0;}
  .solu-b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.4));}
  .solu-b>div{width: 100%;font-size: 0.26rem;line-height: 0.6rem;color: #fff;text-align: center;position: absolute;left: 0;bottom: 0;}

  .detail-title{font-size: 0.4rem;line-height: 0.4rem;font-weight: bold;text-align: center;}
  .detail-content{font-size: 0.26rem;line-height: 0.48rem;color: #666666;margin-top: 0.5rem;padding-bottom: 0.5rem;}
  .detail-content img{max-width: 100%;}

  .Tech{width: calc(100% - 0.3rem*2);background: #fff;margin: 1rem auto;padding: 0.55rem 0;}
  .Tech-a{width: calc(100% - 0.5rem);margin: 0 auto;}
  .Tech-max{width: 50%;position: relative;padding: 0.8rem 0;float: left;position: relative;}
  .Tech-max>div:nth-child(1){width: max-content;margin: 0 auto;height: 0.65rem;}
  .Tech-max>div:nth-child(2){color: #222222;font-size: 0.3rem;text-align: center;margin-top: 0.5rem;}
  .Tech-max>div:nth-child(3){margin-top: 0.35rem;}
  .Tech-max>div:nth-child(4){width: 100%;height: 1px;background: linear-gradient(to right,rgba(238,238,238,0),rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,1));position: absolute;bottom: 0;left: 0;}
  .Tech-max:nth-child(2)>div:nth-child(4){width: 1px;height: 100%;background: linear-gradient(to bottom,rgba(238,238,238,0),rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,1));}
  .Tech-max:nth-child(3)>div:nth-child(4){width: 1px;height: 100%;left: auto; right: -1px;background: linear-gradient(to bottom,rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,0));}
  .Tech-max:nth-child(4)>div:nth-child(4){width: 100%;height: 1px;bottom: auto;top: -1px;background: linear-gradient(to right,rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,1),rgba(238,238,238,0));}

  .ab-t{width: 100%;position: relative;}
  .ab-t1{font-size: 1.72rem;line-height: 1.72rem;color: #cccccc;font-weight: bold;position: absolute;left: 0;top: 0.3rem;opacity: 0.12;}
  .ab-t2{width: calc(100% - 0.3rem*2);margin: 0 auto;border-bottom: 0.01rem solid #e5e5e5;text-align: center;font-size: 0.45rem;font-weight: bold;line-height: 0.45rem;padding: 1.15rem 0 0.5rem;text-transform: uppercase;}
  .ab-content{width: calc(100% - 0.3rem*2);margin: 0 auto;padding-bottom: 1rem;}
  .ab-desc{font-size: 0.3rem;line-height: 0.4rem;padding: 0.5rem 0;text-align: center;}
  .ab-text{font-size: 0.26rem;line-height: 0.48rem;color: #666666;}
  .ab-con{width: 100%;margin-top: 0.55rem;position: relative;}
  .ab-cons{width: 100%;position: relative;background: rgba(255, 255, 255, 1);padding: 0.85rem 0.35rem;display: flex;justify-content: space-between;align-items: center;}
  .ab-cons1{width: max-content;font-size: 0.5rem;line-height: 0.9rem;position: relative;}
  .ab-cons1>span{font-size: 0.26rem;line-height: 0.26rem;text-transform: uppercase;position: absolute;left: 100%;top: 0;}
  .ab-cons2{font-size: 0.26rem;line-height: 0.36rem;text-transform: uppercase;}
  .ab-line{width: 0.38rem;margin: 0 0.2rem;}
  .ab-us{width: 100%;background: #fff;padding: 1.1rem 0;}
  .ab-us1{width: calc(100% - 0.3rem*2);margin: 0 auto;}
  .ab-us2{width: 100%;}
  .ab-us21{width: max-content;font-size: 0.45rem;line-height: 0.45rem;text-transform:uppercase;font-weight: bold;padding-bottom: 0.5rem;border-bottom: 0.01rem solid #d2d2d2;}
  .ab-us22{margin-top: 0.7rem;display: flex;}
  .ab-us22>div:nth-child(1){width: 0.6rem;height: 0.6rem;margin-right: 0.15rem;}
  .ab-us22>div:nth-child(2){width: calc(100% - 0.6rem - 0.15rem);font-size: 0.28rem;line-height: 0.34rem;}
  .ab-us3{width: 100%;height: 5.5rem;margin-top: 0.5rem;}
  .ab-us3>#map{width: 100%;height: 100%;}
  .ab3{padding-bottom: 0.75rem;}
  .ab3-a{width: 1.05rem;height: 1.05rem;margin: 0 auto;margin-top: 0.6rem;}
  .ab3-b{font-size: 0.28rem;line-height: 0.28rem;text-align: center;margin-top: 0.35rem;}
  .pro-max{background: #fff;padding-top: 0.5rem;}
  .pro-text{width: calc(100% - 0.3rem*2);margin: 0 auto;}
  .pro-text-t{font-size: 0.5rem;line-height: 0.5rem;font-weight: bold;text-align: center;}
  .pro-text-i{width: 100%;margin-top: 0.5rem;}
  .pro-con{width: 100%;padding: 1rem 0;}
  .pro-con1{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.8rem;}
  .pro-con2{width: 100%;height: 1.2rem;background: #fff;margin-bottom: 0.2rem;padding: 0 0.3rem;position: relative;display: flex;align-items: center;}
  .pro-con1>.pro-con2:last-child{margin-bottom: 0;}
  .pro-con2>div:nth-child(1){width: 0.1rem;height: 0.3rem;background: #ff501b;margin-right: 0.3rem;}
  .pro-con2>div:nth-child(2){font-size: 0.28rem;line-height: 0.28rem;}
  .pro-con2>div:nth-child(3){width: 0.24rem;height: 0.34rem;position: absolute;right: 0.7rem;top: calc(50% - 0.34rem/2);}


  .off{width: calc(100% - 0.3rem*2);margin: 0.95rem auto 1.3rem;background: #fff;padding: 1.1rem 0.3rem 0.9rem;}
  .off1{width: 100%;}
  .off2{width: 100%;padding: 0 0.2rem;margin-bottom: 0.3rem;}
  .off2>div:nth-child(1){width: 0.6rem;height: 0.6rem;margin: 0 auto;}
  .off2>div:nth-child(2){font-size: 0.28rem;line-height: 0.28rem;text-align: center;text-transform: uppercase;text-align: center;margin-top: 0.3rem;}
  .off2>div:nth-child(3){font-size: 0.28rem;line-height: 0.42rem;margin-top: 0.2rem;text-align: center;}
  .off1-line{width: 1px;height: 80px;background: #bfbfbf;margin-top: 25px;display: none;}
  .off3{width: 100%;height: 5.2rem;margin-top: 1rem;}
  .off3>#map{width: 100%;height: 100%;}
  .app-con{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.65rem;background: #fff;padding:0.5rem 0.3rem;}
  .app1{display: flex;align-items: center;}
  .app1>div:nth-child(1){width: 0.99rem;height: 0.87rem;margin-right: 0.35rem;}
  .app1>div:nth-child(2){font-size: 0.36rem;line-height: 0.36rem;font-weight: bold;}
  .app2{font-size: 0.28rem;line-height: 0.48rem;color: #444444;margin-top: 0.25rem;}
  .app3{margin-top: 0.7rem;}
  .app3>div:nth-child(1){width: 2rem;height: 2rem;margin: 0 auto;}
  .app3>div:nth-child(2),.app3>div:nth-child(3){width: calc(50% - 0.15rem);margin-top: 0.3rem;float: left;margin-right: 0.3rem;height: 0.8REM;border-radius: 0.5rem;border: 0.01rem solid #ff501b;display: flex;align-items: center;justify-content: center;}
  .app3>div:nth-child(2)>div:nth-child(1){width: 0.38rem;margin-right: 0.1rem;}
  .app3>div:nth-child(2)>div:nth-child(2),.app3>div:nth-child(3)>div:nth-child(2){font-size: 0.26rem;line-height: 0.26rem;color: #444444;}
  .app3>div:nth-child(3)>div:nth-child(1){width: 0.32rem;margin-right: 0.1rem;}
  .app3>div:nth-child(3){margin-right: 0;}
  .app-mb{margin-bottom: 1.2rem;}
  .pm{width: 100%;background: #fff;padding: 0 0.5rem 0.8rem;}
  .pm1{font-size: 0.3rem;line-height: 1.4rem;border-bottom: 1px solid #eeeeee;}
  .pm2 .pro-con2{background: #f8f8f8;height: 1rem;margin-bottom: 0;margin-top: 0.35rem;}
  .proC{width: calc(100% - 0.3rem*2);margin: 0 auto;margin-top: 0.4rem;padding: 0 0 1.15rem 0;}
  .proC .pro-con2{margin-bottom: 0.35rem;}
  .proC .pro-con2:last-child{margin-bottom: 0;}

}